section.question .show-result .question-option {
    padding-right: 45px;
    position: relative
}

section.question .show-result .question-option.check-box .input,section.question .show-result .question-option.radio-box .input {
    border-color: silver
}

section.question .show-result .question-option.selected {
    background: #ffb91f
}

section.question .show-result .question-option.is-right {
    border: 1px solid #e75a2d
}

section.question .show-result .question-option.checked {
    background: #e75a2d;
    border: 0
}

section.question .show-result .question-option.checked.is-right {
    background: #9fc937;
    border: 0
}

section.question .show-result .question-option.is-right .option-detail:after,section.question .show-result .question-option.checked .option-detail:after {
    content: '';
    background: url(https://statics1.umucdn.cn/swap/cn-cn/images/icon/exam_result_uncheck_right_44f6482.png) no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 15px
}

section.question .show-result .question-option.checked .option-detail:after {
    background-image: url(https://statics1.umucdn.cn/swap/cn-cn/images/icon/exam_result_check_wrong_5b7d063.png)
}

.show-answer section.question .show-result .question-option.checked .option-detail:after,.not-show-answer section.question .show-result .question-option.checked .option-detail:after {
    background-image: none
}

section.question .show-result .question-option.is-right.checked .option-detail:after {
    background-image: url(https://statics1.umucdn.cn/swap/cn-cn/images/icon/exam_result_check_right_708c396.png)
}

.question-card:nth-of-type(9n+1) section.question .questionTitle {
    border-bottom-color: #ffb91f
}

.question-card:nth-of-type(9n+2) section.question .questionTitle {
    border-bottom-color: #42a5f5
}

.question-card:nth-of-type(9n+3) section.question .questionTitle {
    border-bottom-color: #ff7d7a
}

.question-card:nth-of-type(9n+4) section.question .questionTitle {
    border-bottom-color: #9fc937
}

.question-card:nth-of-type(9n+5) section.question .questionTitle {
    border-bottom-color: #9b65d0
}

.question-card:nth-of-type(9n+6) section.question .questionTitle {
    border-bottom-color: #ffa726
}

.question-card:nth-of-type(9n+7) section.question .questionTitle {
    border-bottom-color: #65b2e9
}

.question-card:nth-of-type(9n+8) section.question .questionTitle {
    border-bottom-color: #f596aa
}

.question-card:nth-of-type(9n+9) section.question .questionTitle {
    border-bottom-color: #3bb6b6
}

.question-card:nth-of-type(9n+1) section.question .questionTitle .num {
    color: #ffb91f
}

.question-card:nth-of-type(9n+2) section.question .questionTitle .num {
    color: #42a5f5
}

.question-card:nth-of-type(9n+3) section.question .questionTitle .num {
    color: #ff7d7a
}

.question-card:nth-of-type(9n+4) section.question .questionTitle .num {
    color: #9fc937
}

.question-card:nth-of-type(9n+5) section.question .questionTitle .num {
    color: #9b65d0
}

.question-card:nth-of-type(9n+6) section.question .questionTitle .num {
    color: #ffa726
}

.question-card:nth-of-type(9n+7) section.question .questionTitle .num {
    color: #65b2e9
}

.question-card:nth-of-type(9n+8) section.question .questionTitle .num {
    color: #f596aa
}

.question-card:nth-of-type(9n+9) section.question .questionTitle .num {
    color: #3bb6b6
}

.exam .timerContainer {
    position: fixed;
    right: 1px;
    top: 140px;
    width: 85px;
    text-align: center;
    display: none;
    z-index: 88
}

.exam .examTimer {
    background: rgba(0,0,0,.4);
    color: #fff;
    padding: 5px;
    text-align: center
}

.exam .questionOption .img {
    margin: 5px 0 10px;
    text-align: left
}

.exam .questionOption .img img {
    max-width: 100%;
    width: auto;
    max-height: 620px
}

.exam .exam-paragraph {
    color: #616161
}

.question-explain {
    margin: 20px 16px
}

.quiz-result-view .question-explain {
    margin: 20px 16px;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px
}

.question-explain .quiz-icon {
    width: 20px;
    height: 20px;
    background-image: url(https://statics1.umucdn.cn/swap/cn-cn/images/quiz/quiz-icon_1d76a54.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px
}

.question-explain .question-explain-label {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px
}

.question-explain .question-explain-body {
    font-size: 17px;
    line-height: 1.5
}

.question-explain .icon-course-type {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6)
}

.card-quiz {
    padding-bottom: 63px
}

.input-question-result .textarea textarea[disabled] {
    padding: 9px 40px 9px 13px
}

.textarea .textarea-content .answer-text {
    margin: 7px 12px;
    line-height: 1.5
}

.textarea .textarea-content .answer-pic-list {
    margin: 5px 0
}

.result-card-wrap {
    margin-top: 30px;
    margin-bottom: 35px
}

.quiz-open-end-result .textarea {
    position: relative
}

.quiz-open-end-result .textarea .mark-tag {
    position: absolute;
    top: -4px;
    right: 12px;
    color: #fff;
    padding: 6px 8px;
    background: #42a5f5;
    font-size: 12px;
    min-width: 50px;
    text-align: center;
    border-radius: 2px 0 2px 2px
}

.quiz-open-end-result .textarea .mark-tag::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: -4px;
    width: 0;
    height: 0;
    border-bottom: 4px solid #3e98e0;
    border-right: 4px solid transparent
}

.quiz-open-end-result .textarea .mark-tag.marking {
    background: #42a5f5
}

.quiz-open-end-result .textarea .mark-tag.marking::after {
    border-bottom: 4px solid #3e98e0;
    border-right: 4px solid transparent
}

.quiz-open-end-result.failure .textarea .mark-tag.mark-score {
    background: #f44336
}

.quiz-open-end-result.failure .right-answer {
    color: #f44336
}

.quiz-open-end-result.failure .textarea .mark-tag.mark-score::after {
    border-bottom: 4px solid #f44336;
    border-right: 4px solid transparent
}

.quiz-open-end-result.good .textarea .mark-tag.mark-score {
    background: #ff9800
}

.quiz-open-end-result.good .right-answer {
    color: #ff9800
}

.quiz-open-end-result.good .textarea .mark-tag.mark-score::after {
    border-bottom: 4px solid #ff9800;
    border-right: 4px solid transparent
}

.quiz-open-end-result.excellent .textarea .mark-tag.mark-score {
    background: #23a565
}

.quiz-open-end-result.excellent .right-answer {
    color: #23a565
}

.quiz-open-end-result.excellent .textarea .mark-tag.mark-score::after {
    border-bottom: 4px solid #23a565;
    border-right: 4px solid transparent
}

.quiz-timer {
    position: fixed;
    right: 1px;
    top: 140px;
    width: 80px;
    text-align: center;
    display: none;
    z-index: 100
}

.quiz-timer.quiz-timer-show {
    display: block
}

.quiz-timer .quiz-timer-display {
    background: rgba(0,0,0,.4);
    color: #fff;
    padding: 5px;
    text-align: center
}

.confirm-dialog .hidden-footer-btn {
    display: none
}

.confirm-dialog .dialog-one-btn .dialog-option:first-child {
    display: none
}

.confirm-dialog .confirm-dialog-content {
    font-size: 13px;
    color: #545454;
    text-align: center;
    line-height: 1.4;
    padding: 10px
}

.question-analysis {
    margin: 20px 16px
}

.question-analysis .quiz-analysis-icon {
    width: 13px;
    height: 15px;
    background-image: url(https://statics1.umucdn.cn/swap/cn-cn/images/quiz/analysis-icon_740235e.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px
}

.question-analysis .question-analysis-label {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px
}

.question-analysis .question-analysis-body {
    font-size: 16px;
    line-height: 1.2
}

.question-explain-view-img .img img {
    max-width: 100%;
    max-height: 620px;
    width: auto;
    margin-top: 5px
}

.quiz-section-img-list-wrap .img-list-wrap {
    margin: 0 7px
}

.quiz-open-end-result.textarea-disabled .answer-text {
    color: #ccc
}

.quiz-open-end-result .quiz-answer-attach {
    border: 1px solid #ccc;
    margin: 10px 0;
    border-radius: 3px
}

.quiz-open-end-result .quiz-answer-attach .question-explain {
    border: 0;
    margin: 15px;
    padding: 0
}

.show-result.textarea .textarea-content {
    padding-top: 15px
}

.quiz-open-end-result .right-answer {
    margin-top: 10px
}

.quiz-user-name {
    display: table;
    padding: 12px 16px
}

.quiz-user-name .user-name-label {
    display: table-cell;
    white-space: nowrap;
    padding-right: 10px
}

.quiz-user-name .inputText {
    display: table-cell;
    width: 100%
}

.question-card-leave {
    background: #EEE;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.question-card-leave.question-card-leave-active {
    transition: all .3s ease-out;
    -webkit-transform: translate3d(-100%,10%,0) rotate(-10deg);
    transform: translate3d(-100%,10%,0) rotate(-10deg)
}

.question-section-card-list {
}

.question-card-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.question-card.out {
    display: none
}

.question-card.remove {
    opacity: 0
}

.question-section-card-list .session-title {
    margin: 30px 16px;
    font-size: 24px;
    color: #333;
    line-height: 1.25
}

.question-section-card-list .sessionDescription {
    padding: 0 15px 8px
}

.result-tag {
    height: 40px;
    width: 100%
}

.result-tag .tag-icon {
    text-align: center
}

.result-tag.right-tag img {
    width: 25px;
    height: 20px
}

.result-tag.wrong-tag img {
    width: 17px;
    height: 17px
}

.result-tag.right-tag .tag-icon {
    padding-top: 10px
}

.result-tag.wrong-tag .tag-icon {
    padding-top: 12px
}

.result-tag.right-tag {
    background-color: #d3ede0
}

.result-tag.wrong-tag {
    background-color: #fdd9d7
}

.question-explain {
    margin: 20px 16px
}

.question-explain .quiz-icon {
    width: 20px;
    height: 20px;
    background-image: url(https://statics1.umucdn.cn/swap/cn-cn/images/quiz/quiz-icon_1d76a54.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px
}

.question-explain .question-explain-label {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 5px
}

.question-explain .question-explain-body {
    font-size: 17px;
    line-height: 1.5
}

.question-explain .icon-course-type {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

.question-card:nth-of-type(9n+1) section.question .questionTitle {
    border-bottom-color: #ffb91f
}

.question-card:nth-of-type(9n+2) section.question .questionTitle {
    border-bottom-color: #42a5f5
}

.question-card:nth-of-type(9n+3) section.question .questionTitle {
    border-bottom-color: #ff7d7a
}

.question-card:nth-of-type(9n+4) section.question .questionTitle {
    border-bottom-color: #9fc937
}

.question-card:nth-of-type(9n+5) section.question .questionTitle {
    border-bottom-color: #9b65d0
}

.question-card:nth-of-type(9n+6) section.question .questionTitle {
    border-bottom-color: #ffa726
}

.question-card:nth-of-type(9n+7) section.question .questionTitle {
    border-bottom-color: #65b2e9
}

.question-card:nth-of-type(9n+8) section.question .questionTitle {
    border-bottom-color: #f596aa
}

.question-card:nth-of-type(9n+9) section.question .questionTitle {
    border-bottom-color: #3bb6b6
}

.question-card:nth-of-type(9n+1) section.question .questionTitle .num {
    color: #ffb91f
}

.question-card:nth-of-type(9n+2) section.question .questionTitle .num {
    color: #42a5f5
}

.question-card:nth-of-type(9n+3) section.question .questionTitle .num {
    color: #ff7d7a
}

.question-card:nth-of-type(9n+4) section.question .questionTitle .num {
    color: #9fc937
}

.question-card:nth-of-type(9n+5) section.question .questionTitle .num {
    color: #9b65d0
}

.question-card:nth-of-type(9n+6) section.question .questionTitle .num {
    color: #ffa726
}

.question-card:nth-of-type(9n+7) section.question .questionTitle .num {
    color: #65b2e9
}

.question-card:nth-of-type(9n+8) section.question .questionTitle .num {
    color: #f596aa
}

.question-card:nth-of-type(9n+9) section.question .questionTitle .num {
    color: #3bb6b6
}

@media screen and (min-width:1024px) {
    .question-card-wrapper .question-wrapper {
    }
}

.controller-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: #fafafa;
    border-top: 1px solid #e5e4e6;
    padding: 15px 0;
    box-shadow: 0 -2px 5px 0 rgba(0,0,0,.08);
    z-index: 10
}

.controller-panel .controller-btn {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 16px;
    color: #757575;
    padding: 0 16px;
    min-width: 54px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important
}

.controller-panel .controller-btn.btn-warning {
    border: 1px solid #ffbd2b;
    border-radius: 2px;
    background: #ffbd2b;
    color: #fff
}

.controller-panel .controller-btn.btn-optional {
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #ccc;
    color: #fff
}

.controller-panel .controller-btn.btn-optional-active {
    border: 1px solid #2196f3;
    border-radius: 2px;
    background: #2196f3;
    color: #fff
}

.controller-panel .controller-btn .text {
    padding-top: 10px;
    font-size: 15px;
    color: #bababa
}

.controller-panel .btn-goto-previous {
    float: left
}

.icon-previous {
    width: 9px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    background-image: url(https://statics1.umucdn.cn/swap/cn-cn/images/icon/icon-previous_9cf5199.png);
    margin-top: -2px
}

.controller-panel .btn-goto-next,.controller-panel .btn-goto-submit,.controller-panel .btn-goto-result,.controller-panel .btn-goto-answer {
    float: right
}

@media screen and (min-width:1024px) {
    body {
        width: 640px;
        margin: 0 auto
    }

    .doc {
    }

    .controller-panel {
        width: 638px;
        margin: 0 auto;
        border-top: 1px solid #e5e4e6;
        border-left: 1px solid #dcddde;
        border-right: 1px solid #dcddde
    }
}

.quiz-cover-view {
    height: 100%
}

.quiz-cover-view .img-wrap {
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center
}

.quiz-cover-view .img-wrap img {
    width: 115px
}

.quiz-cover-view .session-title {
    text-align: center;
    font-size: 17px;
    color: #212121;
    line-height: 1.5;
    padding: 0 20px 30px
}

.quiz-cover-view .cover-tips {
    font-size: 15px;
    line-height: 1.5;
    color: #666;
    padding: 0 20px 30px
}

.quiz-cover-view .btn-wrap {
    padding: 0 20% 30%
}

.quiz-cover-view .btn-wrap .btn:active {
    box-shadow: 0 5px 10px rgba(0,0,0,.3);
    background-color: #ffb000
}

.quiz-result-card {
    margin: 0 auto;
    text-align: center;
    color: #333
}

.quiz-result-card .result-avatar {
    text-align: center;
    margin: 0 auto;
    width: 60px;
    height: 60px
}

.quiz-result-card .result-avatar .imgAvat img.loaded {
    width: 60px;
    height: 60px
}

.quiz-result-card .user-name {
    font-size: 17px;
    line-height: 1.5;
    padding: 20px 20px 5px
}

.quiz-result-card .info-detail {
    line-height: 1.5;
    font-size: 16px
}

.quiz-result-card .exam-result-mark span {
    color: #ffbd2a;
    font-size: 25px
}

.quiz-result-card .user-name-content {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #212121
}

.quiz-result-card .user-name-info .user-medal-info-holder.width-30 {
    display: inline-block;
    vertical-align: middle
}

.quiz-result-card .pass-quiz .pass-info {
    background: rgba(254,189,43,.25);
    border-radius: 2px;
    font-size: 14px;
    color: #D89707;
    padding: 4px 14px;
    display: inline-block
}

.quiz-result-card .pass-quiz .fail-info {
    padding: 4px 14px;
    display: inline-block;
    font-size: 14px;
    color: #212121;
    background: #EEE;
    border-radius: 2px
}

.quiz-result-card .pass-quiz-wrap {
    margin-bottom: 15px
}

.quiz-result-card .score-card {
    margin: 10px 0
}

.quiz-result-view {
    padding-bottom: 1px
}

.single-quiz {
    padding-bottom: 1px
}